<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ page import="java.util.Date"
         import="java.text.DateFormat"
         import="java.text.SimpleDateFormat"
         %>

<%

            DateFormat dateFormat = new SimpleDateFormat("dd/MM/yyyy");
            DateFormat horaFormat = new SimpleDateFormat("HH:mm");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Nueva Entrada de Datos Personales</title>
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <f:view>
            <%@ include file="/barra.jsp" %>
            
            <table width="1242" border="0">
                <tr>
                    <td width="21%" align="left" valign="top">
                        <!-- Divisor del Contenido Principal -->
                        <div id="siteName">                        </div>
                        <div id="content"> 
                            <div class="feature">
                                <jsp:directive.include file="/welcomeJSF.jsp" />
                            </div> 
                        </div> 
                        
                    <!-- Fin del Contenido Principal -->                  </td>
                    <td width="79%" align="left" valign="top">
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        <h1>Nueva Entrada de Datos Personales</h1>
                        <h:form>
                            <h:inputHidden id="validateCreateField" validator="#{datospersonales.validateCreate}" value="value"/>
                            <h:panelGrid columns="2">
                                <h:outputText styleClass="label" value="Nombres(*):"/>
                                <h:inputText maxlength="50" size="40" id="nombres" value="#{datospersonales.datospersonales.nombres}" title="Nombres" required="true" requiredMessage="El campo 'Nombres' es requerido." />
                                <h:outputText styleClass="label" value="Apellidos(*):"/>
                                <h:inputText maxlength="50" size="40" id="apellidos" value="#{datospersonales.datospersonales.apellidos}" title="Apellidos" required="true" requiredMessage="El campo 'Apellidos' es requerido." />
                                <h:outputText styleClass="label" value="Nro. de Documento(*):"/>
                                <h:inputText maxlength="10" size="10" id="nrodocumento" value="#{datospersonales.datospersonales.nrodocumento}" title="Nro. de Documento" required="true" requiredMessage="El campo 'Nro. de Documento' es requerido."/>
                                <%--h:outputText styleClass="label" value="Fecha de Nacimiento(*):"/>
                                <h:panelGrid columns="6">
                                    <h:outputText styleClass="label" value="Dia:"/>
                                    <h:selectOneMenu id="dia" value="#{datospersonales.dia}" title="Día" required="true" requiredMessage="El campo 'Dia' es requerido.">
                                        <f:selectItems value="#{datospersonales.daysAvailableSelectOne}"/>
                                    </h:selectOneMenu>
                                    <h:outputText styleClass="label" value="Mes:"/>
                                    <h:selectOneMenu id="mes" value="#{datospersonales.mes}" title="Mes" required="true" requiredMessage="El campo 'Mes' es requerido.">
                                        <f:selectItems value="#{datospersonales.monthsAvailableSelectOne}"/>
                                    </h:selectOneMenu>
                                    <h:outputText styleClass="label" value="Año:"/>
                                    <h:selectOneMenu id="anho" value="#{datospersonales.anho}" title="Año" required="true" requiredMessage="El campo 'Año' es requerido.">
                                        <f:selectItems value="#{datospersonales.yearsAvailableSelectOne}"/>
                                    </h:selectOneMenu>
                                </h:panelGrid--%>
                                <h:outputText styleClass="label" value="Fecha Nacimiento:"/>
                                <input type="text" value=<%= dateFormat.format(new Date())%> readonly name="fechanacimiento">
                                <input type="hidden" value=<%= horaFormat.format(new Date())%> readonly name="horaInicio">
                                <input type="button" value="Cal" onclick="displayCalendarMio(this.form.fechanacimiento,this.form.horaInicio,'dd/mm/yyyy hh:ii',this,true)">                                
                                <h:outputText styleClass="label" value="Dirección:"/>
                                <h:inputText maxlength="50" size="40" id="direccion" value="#{datospersonales.datospersonales.direccion}" title="Dirección" />
                                <h:outputText styleClass="label" value="e-mail(*):"/>
                                <h:inputText maxlength="50" size="40" id="email" value="#{datospersonales.datospersonales.email}" title="Dirección de Correo Electronico" required="true" requiredMessage="El campo 'e-mail' es requerido."/>
                                <h:outputText styleClass="label" value="Teléfono:"/>
                                <h:inputText maxlength="20" size="20" id="telefono" value="#{datospersonales.datospersonales.telefono}" title="Teléfono" />
                                <%--h:outputText styleClass="label" value="Sexo:"/>
                                <h:inputText maxlength="1" size="2" id="sexo" value="#{datospersonales.datospersonales.sexo}" title="Sexo" /--%>
                                <h:outputText styleClass="label" value="Sexo(*):"/>
                                <h:selectOneMenu required="true" id="sexo" value="#{datospersonales.datospersonales.sexo}" title="Sexo" requiredMessage="El campo 'Sexo' es requerido.">
                                    <f:selectItems value="#{datospersonales.sexsAvailableSelectOne}"/>
                                </h:selectOneMenu>
                                <h:outputText styleClass="label" value="Observación:"/>
                                <h:inputText maxlength="200" size="40" id="observacion" value="#{datospersonales.datospersonales.observacion}" title="Observaciones hasta 200 caractéres" />
                            </h:panelGrid>
                            <br>
                            <b>"Los campos marcados con (*) son obligatorios"</b>
                            <br />
                            <h:commandLink styleClass="boton" action="#{datospersonales.create}" onclick="javascript:this.submit();" value="Guardar"/>
                            <br />
                            <br />
                        </h:form>
                    </td>
                </tr>    
            </table>
            
            <%@ include file="/footer.jsp" %>
            
        </f:view>
    </body>
</html>
